<template>
  <div class="container">
    <H1>微微银行</H1>
    <span>咱老百姓自己的银行</span>
    <x-button :gradients="['#F29360', '#F29360']" style="margin:10px 20% 30px 20%;width: 60%;border-radius:99px;">一键登录</x-button>
  </div>
</template>

<script>
  import { XButton } from 'vux'

  export default {
    name: 'HelloWorld',
    components: {
      XButton
    },
    data () {
      return {
        msg: 'Welcome to Your Vue.js App'
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .container {
    color: white;
    background: #42578E;
    display: flex;
    text-align: center;
    flex-direction: column;
  }
</style>
